<template>
	<view class="wrap">
		<home-title title="活动奖品" type="2"></home-title>
		<u-scroll-list :indicator="false">
			<view class="container">
				<prize-item class="item"  v-for="(item, index) in prizeList" :key="item.id"
				:teamCount="item.peerNumber"
				:src="baseImageUrl + item.peerUrl"
				:prizeName="item.peerName"
				:prizeCount="item.peerStock"
				></prize-item>
			</view>
		</u-scroll-list>
	</view>
</template>

<script>
	import homeTitle from '@/components/layout/home-title.vue'
	import prizeItem from '@/components/activity/prize-item.vue'
	import GLOBAL_CONFIG from '@/settings.js';
	export default {
		name: 'detail-prize',
		data() {
			return {
				baseImageUrl: GLOBAL_CONFIG.yxBaseImageUrl
			}
		},
		components: {
			homeTitle,
			prizeItem
		  
		},
		props: {
			prizeList: {
				type: Array,
				default() {
					return []
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap {
		position: relative;
		margin-top: 30upx;
	}
	.container {
		display: flex;
		justify-content: space-between;
		.item {
			background-color: #F5F5F5;
		}
	}

</style>
